<template>
  <el-dialog
    title="功能说明"
    :visible.sync="$attrs.visableIf"
    @close="handleCloseDialog"
    width="800px"
    append-to-body
    class="borderb_dia"
  >
    <div class="tips">
        黑名单
        <p>1、将违规成员加入黑名单后，该成员将会从所有您作为群主/群管理的客户群中踢出；</p>
        <p>2、后续黑名单的人再加入您的客户群时会被立即自动踢出。</p>
        白名单
        <p>1、您可将“自己人”添加至白名单；</p>
        <p>2、当群主/群管理登录企微宝云端版，白名单成员可在客户群内发送“踢@xxx”快速将对应的人踢出群聊；</p>
        <p>3、被“踢@xxx”方式踢出的群成员会自动加入到黑名单；</p>
        <p>4、白名单成员不可相互踢；</p>
        <p>5、白名单成员即使违反了自动踢人中的规则，也不会被踢出客户群。</p>

    </div>
    <div slot="footer" class="footer-btn">
      <el-button type="primary" @click="handleCloseDialog">知道了</el-button>
    </div>
  </el-dialog>
</template>

<script>
// import { validPhone, validPassword } from "@/utils/validate";
// import { editInfo } from "@/api/advmaster";
export default {
  data() {
    return {
      form: {
        noticeContent: '<div style="color: red;"> 丰东股份干饭干饭</div>'
      },
      // 表单校验
      rules: {
        name: [{required: true, message: "请输入用户名", trigger: "blur"}],
      },
    }
  },
  props: {
    rowitem: {
      default: null,
    },
  },
  created() {

  },
  mounted() {
    console.log('this.$refs.editor', this.$refs.editor);
  },
  methods: {
    //重置表单
    handleReset() {
      this.resetForm("form");
    },

    handleCloseDialog() {
      this.$emit("update:visableIf", false);
    },

    submitForm: function () {
      this.$refs['form'].validate((valid) => {
        if (valid) {
          if (this.form.id != undefined) {
            // editInfo(this.form).then(() => {
            //   this.$modal.msgSuccess('修改成功')
            //   this.handleCloseDialog();
            //   this.$emit('getList');
            // })
          }
        }
      })
    },
  },
};
</script>

<style scoped lang="scss">
.operate-Big {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
}

.group-right {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
}

.item-big {
  display: flex;
  flex-direction: column;
  padding-top: 8px;

  .tips {
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .45);

  }
}

.el-radio-group {
  padding-top: 10px;

  .el-radio {
    margin-bottom: 5px;
  }
}
.tips {
  line-height: 30px;
}
</style>
